<template>
  <h1>App</h1>
  <!-- 在子组件 A 中绑定自定义事件的处理函数，在处理函数中接受传递来的参数 -->
  <!-- <A @on-click="getFlag"></A> -->
  <!-- 在子组件 B 中使用自定义属性，通过自定义属性向子组件传值 -->
  <!-- <B :flag="flag"></B> -->

  <A></A>
  <B></B>
</template>
<script setup lang="ts">
import B from './B.vue'
import A from './A.vue'
import { Ref, ref } from 'vue';

// const flag = ref<boolean>(false)
// const getFlag = (val:Ref<boolean>) => {
//   flag.value = val.value
// }
</script>
<style scoped></style>
